<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" href="../../css/mui.min.css" />
<link rel="stylesheet" href="../../css/app.css" />
<style type="text/css">
	.ptr {
	    height: 40px;
	    line-height: 40px;
	    font-size: 14px;
	    text-align: center;
	    color: #666;
	}
</style>
</head>
<body class="of-hidden">
    <div class="mui-content">
        <div id="content" style="overflow: hidden;position: absolute;top: -40px;bottom: -40px;width: 100%;">
            <div class="inner">
                <div class="ptr">下拉刷新</div>
                <ul id="list" class="mui-table-view mb-0">
                    <li class="mui-table-view-cell">item 1</li>
                    <li class="mui-table-view-cell">item 2</li>
                    <li class="mui-table-view-cell">item 3</li>
                    <li class="mui-table-view-cell">item 4</li>
                    <li class="mui-table-view-cell">item 5</li>
                    <li class="mui-table-view-cell">item 6</li>
                    <li class="mui-table-view-cell">item 1</li>
                    <li class="mui-table-view-cell">item 1</li>
                    <li class="mui-table-view-cell">item 1</li>
                    <li class="mui-table-view-cell">item 1</li>
                    <li class="mui-table-view-cell">item 1</li>
                    <li class="mui-table-view-cell">item 1</li>
                    <li class="mui-table-view-cell">item 1</li>
                    <li class="mui-table-view-cell">item 1</li>
                    <li class="mui-table-view-cell">item 1</li>
                    <li class="mui-table-view-cell">item 1</li>
                    <li class="mui-table-view-cell">item 1</li>
                    <li class="mui-table-view-cell">item 1</li>
                    <li class="mui-table-view-cell">item 1</li>
                </ul>
                <div class="ptr">上拉加载更多</div>
            </div>
        </div>
    </div>
    <script src="../../js/mui.min.js"></script>
    <script src="../../libs/iscroll/build/iscroll-probe.js"></script>
    <script type="text/javascript">
        (function($, doc) {
            $.init();

            var scroll = new IScroll('#content', {
            });
            $('#list').on('tap', 'li', function () {
            	$.toast(this.innerText);
            });
        })(mui, document);
    </script>
</body>
</html>